﻿body {
}
/*----------------------------------------------------------------------------------------------------*/
/* Collections Start */
/*----------------------------------------------------------------------------------------------------*/
.content-section__content-collections {
    margin-left: auto;
    margin-right: auto;
    /*  min-height: 15.125rem;*/
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    background-color: var(--primary-background);
    border: solid 1px black;
    border-radius: 0.75rem;
    padding-left: 1.25rem;
    text-align: center;
    display:flex;
    margin-left: 1.5rem;
    flex: 0 0 auto;
}

    .content-section__content-collections h2 {
        color: var(--primary-orange-lighter);
        margin-bottom: 1.25rem;
        font-size: 1.55em;
    }

    .content-section__content-collections .categories-collection {
        display: flex;
        flex-flow: column wrap;
        row-gap: 1.125rem;
        column-gap: 2.125rem;
        -webkit-column-gap: 2.125rem;
        list-style: none;
        list-style-type: none;
    }

        .content-section__content-collections .categories-collection li {
            flex-flow: column;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 19%;
            flex: 1 1 19%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            text-align:left;
            list-style-type:none;
        }

        .content-section__content-collections .categories-collection h2 {
            color: var(--primary-dark-gray-lighter);
            font-size: 1.125rem;
            font-weight: 600;
            margin-top: 1.125rem;
            margin-bottom: 0.75rem;
        }

        .content-section__content-collections .categories-collection a {
            text-decoration:none;
            color: black;
            display: flex;
            padding-left: 1.25rem;
            border-radius: 0.75rem;
        }

        .content-section__content-collections .categories-collection a p {
            margin-top: 1rem;
        }
        
        .content-section__content-collections .categories-collection a:hover {
            background-color: var(--primary-orange);
        }

        .content-section__content-collections .categories-collection li {
        border: solid 1px lightgray;
        border-radius: 0.8rem;
        }


    .content-section__content-collections .category-items-collection {
        flex-flow: row wrap;
        row-gap: 1.125rem;
        column-gap: 2.125rem;
        -webkit-column-gap: 2.125rem;
        list-style: none;
        list-style-type: none;
        display: flex;
        text-align: left;
    }

        .content-section__content-collections .category-items-collection div {
            flex-flow: column;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 49%;
            flex: 1 1 49%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
        }

        .content-section__content-collections .category-items-collection h2 {
            color: var(--primary-dark-gray-lighter);
            font-size: 1.125rem;
            font-weight: 600;
            margin-top: 1.125rem;
            margin-bottom: 0.75rem;
        }

        .content-section__content-collections .category-items-collection li {
            border: solid 1px lightgray;
            border-radius: 0.8rem;
            padding-right: 0.75rem;
            text-align: left;
        }

        .content-section__content-collections .category-items-collection .thumb {
            object-fit: fill;
            height: 100%;
            max-height: 100%;
            width: 250px;
            max-width: 100%;
            padding-top: 0.75rem;
            float: left;
            padding-left: 0.75rem;
            padding-bottom: 0.75rem;
            padding-right: 1.25rem;
        }

            .content-section__content-collections .category-items-collection .thumb img {
                border-radius: 0.8rem;
            }

/*----------------------------------------------------------------------------------------------------*/
/* Collections End */
/*----------------------------------------------------------------------------------------------------*/

